<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新增布局标签</title>
</head>
<body>
<!--  头部标签 可以是 网页的头部 也可以是 一部分内容的头部-->
    <header>
        <h1>欢迎来到尚品汇</h1>
    </header>
    <hr>
<!--  主导航-->
    <nav>
        <ul>
            <li>秒杀</li>
            <li>会员</li>
            <li>购物车</li>
             <li>我的</li>
        </ul>
    </nav>
<!--    主要内容区-->
    <div class="page-content">
        //侧边栏
        <aside style="float: right">
            <nav>
                <ul>
                    <li>点我抢现金</li>
                    <li>会员优惠</li>
                    <li>七夕特价</li>
                    <li>一分带回家</li>
                </ul>
            </nav>
        </aside>
        <article>
            <h2>如何一夜暴富</h2>
            <section>
                <h3>第一种方法：做梦</h3>
                <div>如何做梦：xxxxxxxxxxxxxxxxxxx</div>
            </section>
            <section>
                <h3>第二种方法:傍富婆</h3>
                <div>如何傍富婆:XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</div>
            </section>
            <section>
                <h3>第三种方法:猛攻前端</h3>
                <div>自学猛猛学就完事了</div>
            </section>
        </article>
    </div>
    <hr>
<!--    页脚-->
    <footer class="page-footer">
        <nav>
            <ul>
                <li>关于我们</li>
                <li>联系客服</li>
                <li>快递种类</li>
                <li>感谢支持</li>
            </ul>
        </nav>
    </footer>
</body>
</html>